.visible {
    display: block;
}

.hidden {
    display: none;
}

.share-link-container {
    .mask {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background-color: #282828;
        opacity: 0.5;
    }
    .share-link-dlg {
        width: 400px;
        height: 480px;
        border-radius: 8px;
        background-color: #FFF;
        box-shadow: 0px 2px 8px 0 rgba(40, 40, 40, 0.1);
        position: fixed;
        left: 50%;
        top: 50%;
        transform: translate(-200px, -240px);
        display: table;
        text-align: center;
        z-index: 10000;
        &>* {
            display: table-cell;
            position: static;
            width: 100%;
            vertical-align: middle;
        }
        .caption {
            font-size: 18px;
            line-height: 1.56;
            text-align: center;
            color: #282828;
        }
        .barcode {
            width: 225px;
            height: 225px;
            margin: 25px auto 25px auto;
        }
        .copy {
            input {
                width: 132px;
                vertical-align: middle;
                margin-right: 12px;
                border: none;
                text-overflow: ellipsis;
                color: #979797;
                outline: none;
            }
            .btn {
                display: inline-block;
                width: 80px;
                height: 32px;
                border-radius: 4px;
                background-color: #FFF;
                border: solid 1px #979797;
                outline: none;

                &:hover, &:focus {
                    color: #5a5a5a;
                }
            }
        }
        .close {
            cursor: pointer;
            border: none;
            background: transparent;
            font-size: 21px;
            position: absolute;
            right: 12px;
            top: 5px;
            font-weight: 600;
            line-height: 1;
            color: #000;
            text-shadow: 0 1px 0 #FFF;
            opacity: .7;
            text-align: right;

            &:after {
                content: '\D7';
            }
        }
    }
}